<template>
  <div>
    <el-main>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="专利监测预警" name="early">
          <early></early>
        </el-tab-pane>
        <el-tab-pane label="专利费用预警" name="CostWarning">
          <CostWarning></CostWarning>
        </el-tab-pane>
        <el-tab-pane label="证书到期预警" name="TimeWarning">
          <TimeWarning></TimeWarning>
        </el-tab-pane>
      </el-tabs>

    </el-main>
    <Service />
  </div>
</template>

<script>
import Service from '@/components/Service'
import early from './components/early'
import CostWarning from './components/CostWarning'
import TimeWarning from './components/TimeWarning'
export default {
  components: {
    Service,
    early,
    CostWarning,
    TimeWarning
  },
  data() {
    return {
      activeName: 'early'
    }
  },
  computed: {
  },
  mounted() {
  },
  methods: {
    handleClick(){
      // console.log(66)
    }
  },
}
</script>

<style scoped lang="less">
</style>
